module.exports = {
  content: ["./index.html", "./src/**/*.{vue,js}"],
  theme: {
    extend: {
      darkMode: "class",
      fontSize: {
        xs: ["0.25rem", "0.35rem"],
        sm: ["0.35rem", "0.45rem"],
        base: ["0.45rem", "0.55rem"],
        lg: ["0.55rem", "0.65rem"],
        xl: ["0.65rem", "0.75rem"],
      },
      backgroundImage: {
        "hero-pattern": "url('@/assets/images/bp.jpg')",
        "footer-texture": "url('@/assets/images/sakura.jpg')",
        "nav-bar": "url('@/assets/images/sakura.jpg')",
      },
    },
  },
  plugins: [],
};
